<template>
    <div class="min-h-screen bg-gray-100 flex-col flex">
        <!-- 上方导航栏 -->
        <Navbar />

        <!-- 页面主体，包含左侧导航栏和内容区域 -->
        <div class="flex flex-1 mt-16">
            <!-- 左侧导航栏 -->
            <Leftbar />

            <!-- 内容区域 -->
            <router-view />

        </div>
    </div>
</template>

<script setup>
import Navbar from './components/navbar.vue'
import Leftbar from './components/leftbar.vue'
import Chat from './components/chat.vue';
</script>

<style>
/* 全局样式 */
body {
    font-family: Arial, sans-serif;
}

/* 图标样式 */
i {
    font-size: 1.2rem;
}
</style>